<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HuoCMS安装步骤</title>
    <link rel="stylesheet" href="/static/install/css/reset.css">
    <link rel="stylesheet" href="/static/install/css/Installation.css">
</head>
<body>
    <div class="container">
        <div class="public_width">
            <h2 class="title">欢迎您使用HuoCMS!</h2>
            <div class="main">
                <!-- 步骤 -->
                <div class="step">
                    <div class="step_width">
                        <!-- 进度条高亮 -->
                        <div class="step_active" style="width: 40%;"></div>
                        <div class="step_box">
                            <div class="step_bin step_first_txt step_textactive">
                                <span>01</span>
                                <p>许可协议</p>
                            </div>
                            <div class="step_bin step_second_txt step_textactive">
                                <span>02</span>
                                <p>环境监测</p>
                            </div>
                            <div class="step_bin step_third_txt">
                                <span>03</span>
                                <p>配置系统</p>
                            </div>
                            <div class="step_bin step_fourth_txt">
                                <span>04</span>
                                <p>创建数据</p>
                            </div>
                            <div class="step_bin step_fourth_txt">
                                <span>05</span>
                                <p>安装完成</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="main_box">
                    <!-- 环境监测 -->
                    <div class="monitor">
                        <div class="monitor_list">
                            <ul>
                                <!-- 环境监测 -->
                                <li>
                                    <p>环境监测</p>
                                    <ul class="monitor_list_in">
                                        <li>服务器环境</li>
                                        <li>PHP版本</li>
                                    </ul>
                                </li>
                                <!-- 推荐配置 -->
                                <li>
                                    <p>推荐配置</p>
                                    <ul class="monitor_list_in">
                                        <li>类UNIX上</li>
                                        <li>7.2及以上</li>
                                    </ul>
                                </li>
                                <!-- 当前状态 -->
                                <li>
                                    <p>当前状态</p>
                                    <ul class="monitor_list_in">
                                        <li>{$os}</li>
                                        <li>{$phpversion}</li>
                                    </ul>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <p>模块监测</p>
                                    <ul class="monitor_list_in">
                                        <li>PDO</li>
                                        <li>PDO_MySQL</li>
                                        <li>CURL</li>
                                        <li>GD</li>
                                        <li>MBstring</li>
                                        <li>fileinfo</li>
                                    </ul>
                                </li>
                                <li>
                                    <p>推荐配置</p>
                                    <ul class="monitor_list_in">
                                        <li>必须开启</li>
                                        <li>必须开启</li>
                                        <li>必须开启</li>
                                        <li>必须开启</li>
                                        <li>必须开启</li>
                                        <li>必须开启</li>
                                    </ul>
                                </li>
                                <li>
                                    <p>是否通过</p>
                                    <ul class="monitor_list_in">
                                        <li><img src="{$pdo}" alt=""></li>
                                        <li><img src="{$pdo_mysql}" alt=""></li>
                                        <li><img src="{$curl}" alt=""></li>
                                        <li><img src="{$gd}" alt=""></li>
                                        <li><img src="{$mbstring}" alt=""></li>
                                        <li><img src="{$fileinfo}" alt=""></li>
                                    </ul>
                                </li>
                            </ul>
                            <ul>
                                <!-- 服务器重写 -->
                                <li>
                                    <p>文件上传大小限制检测</p>
                                    <ul class="monitor_list_in">
                                        <li>附件上传</li>
                                    </ul>
                                </li>
                                <!-- 推荐配置 -->
                                <li>
                                    <p>推荐配置</p>
                                    <ul class="monitor_list_in">
                                        <li>>2M</li>
                                    </ul>
                                </li>
                                <!-- 当前状态 -->
                                <li>
                                    <p>当前状态</p>
                                    <ul class="monitor_list_in">
                                        <li>{$upload_size}</li>
                                    </ul>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <p>目录、文件权限检查</p>
                                    <ul class="monitor_list_in">
                                        {foreach name="folders" id="vo" key="dir"}
                                            <li>{$dir}</li>
                                        {/foreach}

                                    </ul>
                                </li>
                                <li>
                                    <p>推荐配置</p>
                                    <ul class="monitor_list_in">
                                        {foreach name="folders" id="vo"}
                                        <li>读写</li>
                                        {/foreach}
                                    </ul>
                                </li>
                                <li>
                                    <p>是否通过</p>
                                    <ul class="monitor_list_in">
                                        {foreach name="folders" id="vo" key="dir"}
                                            <li><img src="{$vo['icon']}" alt=""></li>
                                        {/foreach}
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="monitor_operation">
                            <button><a href="">重新监测</a></button>
                            <button class="step_second">下一步</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="center">
                <span>Copyright © 2021 <a target="_blank" href="http://www.huocms.com">HuoCMS</a>
                    All Rights Reserved.
                    <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备2021024265号</a>  Powered by
                    <a target="_blank" href="http://www.huocms.com">HuoCMS</a>
                </span>
                <span>Designed by <a target="_blank" href="http://www.pailiu.com">派流</a></span>
                </div>
        </div>
    </div>

    <!-- JavaScript -->
    <script src="/static/install/js/jquery-1.11.3.min.js"></script>
    <script src="/static/install/js/coco-message.js"></script>
    <script>
        // 许可协议
        var agreement_text_in = $('.agreement_text_in').height();
        var agreement_text = $('.agreement_text').height();
        var height = agreement_text_in - agreement_text;
        var error_num = {$err};

        // 环境监测
        $('.step_second').click(function(){
            if(error_num === 0){
                window.location.href = '/install_configure'
            }else{
                cocoMessage.error("有配置项不符，请检查!", 2000);
            }
        });

    </script>
</body>
</html>